﻿<?php
$lang = $_GET['lang'];
?>
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="jquery.mobile-1.0.css" />
  
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Vincent Volckaert" />
	<meta name="robots" content="all" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0" /> 

	<title>changerTout</title>
	
	<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.tipTip.minified.js"></script>
	<script type="text/javascript" src="js/jquery.loader3.js"></script>
	<script type="text/javascript" src="js/buzz.js"></script>
	<script type="text/javascript" src="js/changerTout.js"></script>
	
	<script src="http://ui.jquery.com/latest/ui/jquery.effects.core.js"></script>
	<script src="http://ui.jquery.com/latest/ui/jquery.effects.slide.js"></script>
	
</head>

<body>
	<style type="text/css" media="all">		
		html { width: 100%; height: 100%;}
		body { width: 100%; height: 100%;}
		
		#credits {
			width: 100%;
		}
		
		#madeBy { width: 250px; margin: 0 auto; font: 1em/1em Gentium; }
		#collectif { font: 3em/1em Gentium; }
		#names { float: left; text-align: right; }
		
		#creditsContent {
			font-size: 10px;
			overflow: scroll;
			padding: 25px 0;
			text-align: justify;
			padding-left: 5%;
			padding-right: 5%;
			margin-top: 50px;
		}
	</style>
	
	<div data-role="page" id="credits" data-theme="c">
		<div data-role="content" data-theme="c" id="creditsContent">
			<?php if ($lang=='FR'): ?>
				<div id="creditFR">
					Qu'est-ce qu'un synonyme ? Parfois, on choisit le mauvais mot.<br/> 
					<em>ChangerTout</em> est une application web qui repose sur la croyance naïve que chaque mot peut être remplacé par un de ses synonymes.
					<p>En se connectant à un dictionnaire de synonymes en ligne, ChangerTout fournit des variations sur un texte, glissant peu à peu de la phrase originale jusqu'à un parfait non-sens. Click après click, l'utilisateur déclenche une dérive progressive du sens.<br/>
					L'utilisateur est également invité à prendre part à la sélection. Par un click prolongé, il a accès à la liste des synonymes, dans laquelle il peut choisir la version qu'il préfère. L'icône abc... lui permet enfin de jouer avec ses propres phrases.
					L'appli est réalisée en HTML5/Ajax avec la librairie Jquery.</p>
				</div>
			<?php else: ?>
				<div id="creditEN">
					What is a synonym? Sometimes, we pick the wrong word. <br />
					<em>ChangeEverything</em> is a web app based on the naive belief that every word can be replaced by one of its synonyms.<br />
					<p>Using a live connection to a remote thesaurus, ChangeEverything provides variation on a text slowly straying from the original phrase to a perfect non-sense. Click after click, the user provokes a progressive drift in meaning.<br/>
					The user is also invited to take part in the random selection of synonyms. When pressing the mouse longer, a list of synonyms will appear, enabling the user to pick the version he or she prefers. The abc... enables him or her to play with his or her own sentences. <br/>
					The app is written in HTML5/Ajax with the Jquery Library.</p>
				</div>
			<?php endif; ?>
			
			<br style="clear: both;" />
			<div id="madeBy">
				<div id="names"><ul>
					<li><a href="http://www.sergebouchardon.com/">S.Bouchardon</a></li>
					<li><a href="http://www.vinvol.com">V.Volckaert</a></li>
					<li><a href="http://zenouda.free.fr/">H.Zenouda</a></li>
					</ul>
				</div>
				<div id="collectif"><a href="http://i-trace.fr">I-Trace</a></div>
			</div>
		</div>
		<div data-role="footer" data-theme="c" style="position: fixed; bottom: 0;">
			<?php if ($lang=='FR'): ?>
				<a href="intro.php?lang=FR" rel="external" data-role="button" data-theme="c" data-transition="pop" data-direction="reverse">
					<span id="backFR">Retour à l'intro</span>
				</a>
			<?php else: ?>
				<a href="intro.php?lang=EN" rel="external" data-role="button" data-theme="c" data-transition="pop" data-direction="reverse">
					<span id="backEN">Back to intro</span>
				</a>
			<?php endif; ?>
		</div>
	</div>
</body>
<script type="text/javascript">
	 $('#credits').ready(function(event) {
		 $('body').disableSelection();
	 });
</script>
</html>